:host{
  display: inline-block;
  position: relative;
  .filter-box{
    padding: 15px;
    position: absolute;
    left: 85px;
    top: -12px;
    z-index: 10;
    &:before{
      content: '';
      display: block;
      position: absolute;
      left: -8px;
      transform: rotateZ(45deg);
      top: 16px;
      width: 16px;
      height: 16px;
      background: #fff;
      box-shadow: 0 2px 8px 1px #dee6f3;
      z-index: 1;
    }
    &:after{
      content: '';
      display: block;
      position: absolute;
      transform: rotateZ(45deg);
      top: 16px;
      left: -6px;
      width: 18px;
      height: 18px;
      background: #fff;
      z-index: 2;
    }
    .filter-header{
      font-size:16px;
      color:#222222;
      letter-spacing:0.67px;
      line-height:20px;
      height: 20px;
      text-align:left;
    }
    .filter-body{
      padding: 10px 0 10px 15px;
    }
    .filter-footer{
      margin-left: 15px;
    }
  }
}